<!--评价会员编辑页面-->
<template>
  <f7-page no-toolbar>
    <f7-navbar title="对大卫进行评价" back-link="Back">
      <!--<f7-link class="right">提交</f7-link>-->
    </f7-navbar>

    <f7-block strong style="margin-top: 0px;">
      <p style="font-weight: bold;">颜值分：</p>
      <f7-range
              :min="0"
              :max="10"
              :label="true"
              :step="1"
              :value="5"
              :scale="true"
              :scale-steps="10"
              :scale-sub-steps="1"
      ></f7-range>
    </f7-block>

    <f7-block strong>
      <p style="font-weight: bold;">人品分：</p>
      <f7-range
              :min="0"
              :max="10"
              :label="true"
              :step="1"
              :value="5"
              :scale="true"
              :scale-steps="10"
              :scale-sub-steps="1"
      ></f7-range>
    </f7-block>

    <f7-block strong>
      <p style="font-weight: bold;">绅士分：</p>
      <f7-range
              :min="0"
              :max="10"
              :label="true"
              :step="1"
              :value="5"
              :scale="true"
              :scale-steps="10"
              :scale-sub-steps="1"
      ></f7-range>
    </f7-block>


    <labelListEdit></labelListEdit>

    <f7-list form style="margin-top: 0px;">
    <f7-list-input
            label="对方的印象"
            type="textarea"
            placeholder="随便写点..."
    />
    </f7-list>

    <f7-toolbar bottom>
      <f7-button style="color: white;width: 100%;margin: auto 5%;" class="col button button-fill button-round">保存</f7-button>
    </f7-toolbar>


  </f7-page>
</template>

<script>
  import labelListEdit from '../../components/labelListEdit.vue';


  export default {
    components: {labelListEdit},
    data() {
      return {
        swiperParams: {
          // speed: 500,
          loop: true,
          // height:600,
          // autoplay: {
          //   delay: 1500,
          // },
          direction:'vertical'
          // preventLinksPropagation: false   // 阻止点击事件冒泡
        },
      };
    },
    methods: {
      refresh(event, done) {
        setTimeout(() => {
          // todo
          done();
        }, 1000);
      },

    }
  }
</script>
